body{font-family: 'Roboto', sans-serif; font-size:18px}
h4{font-size:24px}
h5{font-size:20px}

.banner{ background-image:url(../img/banner3.png)}

.h1, h1 {font-size:42px}
.gap-right {
  margin-right: 10px; 
}
.banner h2{text-align:left}

.img-responsive{width: 100%;}

.header{Margin-bottom:0px; border-bottom:1px solid #c1c1c1}
.header h1 {color:#2D2E3A; margin:0; padding-top: 20px}
.header h3 {color:#2D2E3A; margin:0; padding-bottom: 20px}
/* h2, h3{text-align:center} */
a {color:#e41b13}

.navbar{margin-bottom:0}


.section-b {padding: 50px 0; background-color: #f8f8f8;}
.section-a {padding: 50px 0; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.project{width: 100%; height: 80px; /* display: table; */ background: #777; color: white; padding: 10px 10px; margin-bottom: 10px; border-right: none; font-size: 1.0em; margin-top: 0;}
a:hover h2{background-color:#e41b13}

.section-b a div.col-lg-4{
  padding-bottom:30px;
}

button {margin-bottom:20px}


/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {padding: 0; max-height: none;}
  .sidebar-nav{margin-top:25px;}
  .sidebar-nav .navbar ul { float: none;}
  .sidebar-nav .navbar ul:not {display: block;}
  .sidebar-nav .navbar li {float: none; display: block;}
  .sidebar-nav .navbar li a {padding-top: 12px; padding-bottom: 12px;}
}

.iw-head{padding-right: 0px;padding-left: 0px;}
.navbar-collapse.collapse{border-bottom: 1px solid #c1c1c1;}
.big-image{padding-top: 50px;height:600px; padding-bottom: 50px; background: url(../img/banner.jpg) no-repeat center center;  background-size: cover;}


@media only screen and (max-width : 1200px) {.big-image{height:450px}}
@media only screen and (max-width : 992px) {.big-image{height:372px}}
@media only screen and (max-width : 768px) {.big-image{height:288px}}
@media only screen and (max-width : 480px) {.big-image{height:180px}}
@media only screen and (max-width : 320px) {.big-image{height:120px}}


hr{ margin-top:20px;margin-bottom:20px; border: #e41b13 1px solid}

.intro {padding: 20px 15px; text-align: center;}
.intro h2{font-size:36px; margin-top:0px; margin-bottom:20px}
.intro p{font-size:16px;}
.intro a{color:#e41b13}
.latest{ background-image:url(../img/red-pattern.jpg?quality=25);padding:30px 0; margin-top:30px }
.article{ background-color:#fff;padding:20px; margin-bottom:10px  }
.article h3{color:#e41b13}


p.sub{font-size:24px;}

.map-responsive{ overflow:hidden; padding-bottom:35%; position:relative; height:0; margin-top:20px}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}


.hovereffect {  width: 100%;   height: 100%;   float: left;   overflow: hidden;   position: relative;   text-align: center;   cursor: default;   background: #e41b13; margin-bottom:20px } 
.hovereffect .overlay {  width: 100%;   height: 100%;    position: absolute;   overflow: hidden;  top: 0;  left: 0;  padding: 50px 20px;}
.hovereffect img {  display: block;  position: relative;  max-width: none;  width: calc(100% + 20px);  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;  transition: opacity 0.35s, transform 0.35s;  -webkit-transform: translate3d(-10px,0,0);  transform: translate3d(-10px,0,0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;}

.hovereffect:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

footer{padding-top:50px; background-color:#e7e7e7; color:#777; border-top: 1px solid #777}
footer a {color:#e41b13}


.container-fluid{padding:0;
margin:0px}


.full-width main>section {
    background-size: 100%;
    width: 100%;
    background-repeat: none;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
margin-top:0px
}

figure {
    margin: 0;
}

figure {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.feature-home a figure>.wrap {
    position: relative;
margin:0px;
padding:0px
}




.textWithBlurredBg{

    
    display:inline-block;
    position:relative;
    transition:.3s;
    
  }
  
  .textWithBlurredBg img{
    transition:.3s;
    margin-bottom:-7px
  }
  
  .textWithBlurredBg:hover img{
    filter:blur(2px) brightness(60%);

  }
   
  .textWithBlurredBg :not(img){
    position:absolute;
    z-index:1;
    top:30%;
    width:100%;
    text-align:center;
    color:#fff;
    background-color: #aaa;
    opacity:0;
    padding:5px;
    transition:.3s;
  }
  
  .textWithBlurredBg h3{
    top:50%
  }
  
  .textWithBlurredBg:hover :not(img){
    opacity:1;
  }



.col-md-9 {
margin-bottom:20px}

.hp-options a:hover{text-decoration: none;}